<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <script src="../static/layui/layui.js"></script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black">CRM</div>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-console" style="font-size: 15px; color: #1e9fff;"></i>
                        系统设置</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="/department">部门管理</a></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="/employee">员工管理</a></dd>
                    </dl>
                </li>


<!--                菜单二-->
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-friends" style="font-size: 15px; color: #1E9FFF;"></i>
                        客户管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="/cuslist">客户列表</a></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="/potential/潜在客户">潜在客户</a></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="/resource/资源池客户">资源池客户</a></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="/cuslist/失败客户">失败客户</a></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="/cuslist/正式客户">正式客户</a></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="/cuslist/流失客户">流失客户</a></dd>

                    </dl>
                </li>

<!--                菜单三-->

                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-friends" style="font-size: 15px; color: #1E9FFF;"></i>
                        客户跟进移交历史</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="/tracehistory">跟进列表</a></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="/move">移交客户</a></dd>


                    </dl>
                </li>

<!--                菜单三-->
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-friends" style="font-size: 15px; color: #1E9FFF;"></i>
                        数据统计</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="/statistics">跟进列表</a></dd>


                    </dl>
                </li>

            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
            <iframe src="/index" id="frame1" width="100%" height="100%"></iframe>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        <span>12组</span>
    </div>
    

</div>

<script type="text/javascript">
    layui.use(['jquery','carousel'],function () {
        var $=layui.jquery;
        var carousel=layui.carousel;
        $(".menuUrl").click(function () {
            var url=$(this).attr("data");
            $("#frame1").attr("src",url)
        });


    })
</script>
</body>

</html>